<template>
  <div style="background-color: #e6ecf0">
    <the-header/>
    <router-view class="music-content"/>
    <song-audio/>
    <the-aside/>
    <play-bar/>
    <scroll-top/>
    <the-footer/>
  </div>
</template>

<script>
import TheHeader from "@/components/TheHeader";
import ScrollTop from "@/components/ScrollTop";
import TheFooter from "@/components/TheFooter";
import SongAudio from "@/components/SongAudio";
import PlayBar from "@/components/PlayBar";
import TheAside from "@/components/TheAside";
export default {
  name: 'App',
  components: {
    TheAside,
    PlayBar,
    TheFooter,
    ScrollTop,
    TheHeader,
    SongAudio
  }
}
</script>

<style lang="scss" scoped>
@import "assets/css/app";
</style>
